<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>科技-腾讯网</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link rel="short icon" href="images/title.png">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

    <!--导航部分结构 开始-->
    <nav class="navbar navbar-expand-lg navbar-light pl-5 pr-5">
        <a class="navbar-brand" href="#">
            <img src="images/logo.gif" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#">要闻 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">视频</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">北京</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">娱乐</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">体育</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">军事</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">NBA</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">国际</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">科技</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">财经</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">汽车</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">时尚</a>
                </li>
                <button type="button" class="btn btn1">更多+</button>
            </ul>

            <button type="button" class="btn btn2">一键登录</button>
        </div>
    </nav>
    <!--导航部分结构 结束-->





    <!--banner部分结构 开始-->
    <div class="banner mt-3">
        <div class="container">
            <div class="row">
                <div class="col-md-3 pl-0 pr-0">
                    <img src="images/banner1.gif" alt="">
                </div>
                <div class="col-md-6 middle pl-0">
                    <img src="images/banner2.gif" alt="">
                    <button type="button" class="btn btn-outline-secondary">立即购买</button>
                </div>
                <div class="col-md-3 pr-0 rt">
                    <img src="images/banner3.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--banner部分结构 结束-->











    <!--主体内容结构 开始-->
    <main class="mt-3">
        <div class="container">
            <div class="row">
                <!--主体左侧栏结构 开始-->
                <div class="col-md-2 zuo pl-0">
                    <button type="button" class="btn btn-primary" Disabled>相关频道</button>
                    <button type="button" class="btn ">5G频道</button>
                    <button type="button" class="btn ">互联网</button>
                    <button type="button" class="btn ">通信/传统IT</button>
                    <button type="button" class="btn ">区块链</button>
                    <button type="button" class="btn ">人工智能</button>
                </div>
                <!--主体左侧栏结构 结束-->

                <!--主体中间内容结构 开始-->
                <div class="col-md-7 zhong">
                    <div class="row">
                        <div class="col-md-8 pr-0">
                            <img src="images/main1.gif" alt="">
                        </div>
                        <div class="col-md-4">
                            <div class="row">
                                <div class="col-md-12">
                                    <img src="images/main2.gif" alt="">
                                </div>
                                <div class="col-md-12 m3">
                                    <img src="images/main3.gif" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3">
                        <div class="col-md-12 mt-4 mb-3">
                            <h4>热点精选</h4>
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_1.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">厚朴投资474亿元收购格力电器15%股份？格力回应：不知情</p>
                            <button type="button" class="btn ">格力电器</button>
                            <button type="button" class="btn ">格力</button>
                            <button type="button" class="btn ">股份</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>南方都市报</span>
                                    <span><time>5小时前</time></span>
                                </div>
                                <div class="col-md-3">
                                    <span><i class="fas fa-share-square"></i> 分享</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3">
                            <div class="col-md-12">
                                <p class="mb-2 mt-2">一图读懂联想华为30年的“龟兔赛跑”</p>
                            </div>
                            <div class="col-md-4 pr-0">
                                <img src="images/main_zhong_2.gif" alt="">
                            </div>
                            <div class="col-md-4 pr-0">
                                <img src="images/main_zhong_3.gif" alt="">
                            </div>
                            <div class="col-md-4 pr-0">
                                <img src="images/main_zhong_4.gif" alt="">
                            </div>
                        <div class="row w-100 cj mt-2">
                            <div class="col-md-9">
                                <span>时代财经</span>
                                <span><time>8小时前</time></span>
                                <button type="button" class="btn ">华为</button>
                            </div>
                            <div class="col-md-3 pr-0">
                                <span><i class="fas fa-share-square"></i> 分享</span>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_5.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">孙宇晨财务自由之路：3000万拿下巴菲特午餐，割韭菜更容易？</p>
                            <button type="button" class="btn ">孙宇晨</button>
                            <button type="button" class="btn ">巴菲特午餐</button>
                            <button type="button" class="btn ">波场</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>31区</span>
                                    <span><time>1小时前</time></span>
                                </div>
                                <div class="col-md-3">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 13</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_6.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-4">三星电子成立6G移动通信研究所</p>
                            <button type="button" class="btn ">三星电子</button>
                            <button type="button" class="btn ">移动通信</button>
                            <button type="button" class="btn ">6G</button>
                            <div class="row mt-2">
                                <div class="col-md-9">
                                    <span>观察者网</span>
                                    <span><time>3小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3">
                        <div class="col-md-12">
                            <p class="mb-2 mt-2">市值缩水、用户停滞，蘑菇街的困境时垂直电商的宿命？</p>
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_7.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_8.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_9.gif" alt="">
                        </div>
                        <div class="row w-100 cj mt-2">
                            <div class="col-md-9">
                                <span>懂懂笔记</span>
                                <span><time>2小时前</time></span>
                                <button type="button" class="btn ">蘑菇街</button>
                                <button type="button" class="btn ">垂直电商</button>
                                <button type="button" class="btn ">电商平台</button>
                            </div>
                            <div class="col-md-3  pr-0">
                                <span><i class="fas fa-share-square"></i> 分享</span>
                                <span><i class="far fa-comment-dots"></i> 3</span>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_10.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">植物人造肉概念太火，雀巢秋季要在全美上市人造肉汉堡</p>
                            <button type="button" class="btn ">人造肉</button>
                            <button type="button" class="btn ">雀巢</button>
                            <button type="button" class="btn ">汉堡</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>界面新闻</span>
                                    <span><time>2小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 17</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3">
                        <div class="col-md-12">
                            <p class="mb-2 mt-2"><i class="fab fa-gripfire"></i> 日本操作系统30年往事：最终还是倒在了美国的恐吓大棒之下</p>
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_11.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_12.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_13.gif" alt="">
                        </div>
                        <div class="row w-100 cj mt-2">
                            <div class="col-md-9">
                                <span>五矩</span>
                                <span><time>11小时前</time></span>
                                <button type="button" class="btn ">日本</button>
                                <button type="button" class="btn ">美国</button>
                            </div>
                            <div class="col-md-3  pr-0">
                                <span><i class="fas fa-share-square"></i> 分享</span>
                                <span><i class="far fa-comment-dots"></i> 687</span>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_14.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">启明创投回应高层变动：甘剑平将在短暂过渡期后离任</p>
                            <button type="button" class="btn ">甘建平</button>
                            <button type="button" class="btn ">启明创投</button>
                            <button type="button" class="btn ">合伙人</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>36氪</span>
                                    <span><time>5小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 1</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_15.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">蔚来回应“下架电池租用”：系统优化暂时行为，后续更多金融方案</p>
                            <button type="button" class="btn ">蔚来</button>
                            <button type="button" class="btn ">汽车制造商</button>
                            <button type="button" class="btn ">电池</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>界面新闻</span>
                                    <span><time>4小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 23</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_16.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">“币圈贾跃亭”邂逅股神巴菲特，一场价值3000万“变味”午餐</p>
                            <button type="button" class="btn ">巴菲特</button>
                            <button type="button" class="btn ">孙宇晨</button>
                            <button type="button" class="btn ">比特币</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>甲方研究社</span>
                                    <span><time>1小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 26</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_16.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">起底股神3000万天价午餐竞拍者孙宇晨：90后“币圈贾跃亭”</p>
                            <button type="button" class="btn ">孙宇晨</button>
                            <button type="button" class="btn ">沃特巴菲特</button>
                            <button type="button" class="btn ">巴菲特午餐</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>每日经济新闻</span>
                                    <span><time>8小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con con2 pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_17.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-4"><i class="fab fa-gripfire"></i> 科技日报：华为，美国到底怕它什么</p>
                            <button type="button" class="btn ">华为</button>
                            <button type="button" class="btn ">一带一路</button>
                            <div class="row mt-2">
                                <div class="col-md-9">
                                    <span>科技日报</span>
                                    <span><time>8小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 603</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 pl-0 pr-0">
                            <button type="button" class="btn w-100">查看更多热点精选</button>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-5">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_18.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">史上最贵快递！“送错”华为包裹的联邦快递20亿美元没了</p>
                            <button type="button" class="btn ">联邦快递</button>
                            <button type="button" class="btn ">快递</button>
                            <button type="button" class="btn ">华为</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>新京报</span>
                                    <span><time>54分钟前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 3</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_19.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-4"><i class="fab fa-gripfire"></i> 联想官微更名“联想中国”</p>
                            <button type="button" class="btn ">联想</button>
                            <div class="row mt-2">
                                <div class="col-md-9">
                                    <span>AI财经社</span>
                                    <span><time>3小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 177</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_20.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-4">拜腾往事：一个德国人做多中国的故事</p>
                            <button type="button" class="btn ">拜腾</button>
                            <button type="button" class="btn ">戴雷</button>
                            <button type="button" class="btn ">德克·诺维茨基</button>
                            <div class="row mt-2">
                                <div class="col-md-9">
                                    <span>华尔街见闻</span>
                                    <span><time>1小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_21.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-4"><i class="fab fa-youtube play"></i> 瑞士人发明多功能盒子，让普通SUV秒变房车，吃住配置样样齐全</p>

                            <div class="row pt-2">
                                <div class="col-md-9">
                                    <span>Maxidea极创意</span>
                                    <span><time>6小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_22.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-4">小米股价几乎腰斩，基本面出现了什么变化？</p>
                            <button type="button" class="btn ">小米</button>
                            <button type="button" class="btn ">股价</button>
                            <button type="button" class="btn ">路演</button>
                            <div class="row mt-2">
                                <div class="col-md-9">
                                    <span>华尔街见闻</span>
                                    <span><time>1小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_23.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-1">第三方支付行业野蛮生长阶段结束 行业监管仍需进一步加强</p>
                            <button type="button" class="btn ">第三方支付</button>
                            <button type="button" class="btn ">支付机构</button>
                            <button type="button" class="btn ">中国人名银行</button>
                            <div class="row mt-1">
                                <div class="col-md-9">
                                    <span>经济观察报</span>
                                    <span><time>59分钟前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_16.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-1">币圈90后3100万拍下巴菲特午宴 网友：花钱约架去了！</p>
                            <button type="button" class="btn ">沃伦巴菲特</button>
                            <button type="button" class="btn ">孙宇晨</button>
                            <button type="button" class="btn ">币圈</button>
                            <div class="row mt-1">
                                <div class="col-md-9">
                                    <span>华尔街见闻</span>
                                    <span><time>1小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_24.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-1">比尔·盖茨与巴菲特一起“打工”：穿工作服卖冰激凌</p>
                            <button type="button" class="btn ">比尔·盖茨</button>
                            <button type="button" class="btn ">巴菲特</button>
                            <div class="row">
                                <div class="col-md-9">
                                    <span>海外网</span>
                                    <span><time>55分钟前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 1</span>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_25.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-4"><i class="fab fa-youtube play"></i> 外国黑科技眼药水，能让人恢复视力！终于不用做激光手术了！</p>

                            <div class="row pt-2">
                                <div class="col-md-9">
                                    <span>醉笑浮生</span>
                                    <span><time>3小时前</time></span>
                                </div>
                                <div class="col-md-3 ">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>

                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3">
                        <div class="col-md-12">
                            <p class="mb-2 mt-2"><span class="badge badge-primary">专题</span> 搞机零距离丨iOS 13、iPad OS四大系统详细体验</p>
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_26.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_27.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_28.gif" alt="">
                        </div>
                        <div class="row w-100 cj mt-2">
                            <div class="col-md-9">
                                <span>腾讯数码</span>
                                <span><time>6小时前</time></span>
                                <button type="button" class="btn ">苹果</button>
                                <button type="button" class="btn ">WWDC</button>
                            </div>
                            <div class="col-md-3  pr-0">
                                <span><i class="fas fa-share-square"></i> 分享</span>
                                <span><i class="far fa-comment-dots"></i> 52</span>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_29.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1"><i class="fab fa-gripfire"></i> 涉嫌近7亿！可疑银行账号引出赌博大案 300多台手机同时收款</p>
                            <button type="button" class="btn ">民警</button>
                            <button type="button" class="btn ">银行</button>
                            <div class="row ">
                                <div class="col-md-9">
                                    <span>钱江晚报</span>
                                    <span><time>8小时前</time></span>
                                </div>
                                <div class="col-md-3  pl-0 pr-0">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                    <span><i class="far fa-comment-dots"></i> 1907</span>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_30.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">5G大规模商用尚未开始，三星电子已成立6G移动通信研究组</p>
                            <button type="button" class="btn ">移动通信</button>
                            <button type="button" class="btn ">三星电子</button>
                            <button type="button" class="btn ">5g网络</button>
                            <div class="row ">
                                <div class="col-md-9">
                                    <span>芯智讯</span>
                                    <span><time>52分钟前</time></span>
                                </div>
                                <div class="col-md-3  pl-0 pr-0">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_31.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-4"><i class="fab fa-youtube play"></i> 苹果第五大系统诞生 SpaceX “龙” 货运飞船返回地球</p>

                            <div class="row pt-2">
                                <div class="col-md-9">
                                    <span>动点科技</span>
                                    <span><time>4小时前</time></span>
                                </div>
                                <div class="col-md-3  pr-0">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>

                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_32.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1 mb-4"><i class="fab fa-youtube play"></i> 美国 “竹篮打水” ！ 华为释放重大消息，欧盟：全票给予通过</p>

                            <div class="row pt-2">
                                <div class="col-md-9">
                                    <span>追溯奇儿闻</span>
                                    <span><time>5小时前</time></span>
                                </div>
                                <div class="col-md-3  pr-0">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>

                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3">
                        <div class="col-md-12">
                            <p class="mb-2 mt-2">2019WWDC，苹果的黑暗时刻</p>
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_33.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_34.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_35.gif" alt="">
                        </div>
                        <div class="row w-100 cj mt-2">
                            <div class="col-md-9">
                                <span>投中网</span>
                                <span><time>11小时前</time></span>
                                <button type="button" class="btn ">苹果</button>
                                <button type="button" class="btn ">IOS</button>
                                <button type="button" class="btn ">MACOS</button>
                            </div>
                            <div class="col-md-3  pr-0">
                                <span><i class="fas fa-share-square"></i> 分享</span>
                                <span><i class="far fa-comment-dots"></i> 1</span>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_36.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">隔币圈韭菜花3000多万请巴菲特共进午餐，孙宇晨良心不会痛？</p>
                            <button type="button" class="btn ">巴菲特</button>
                            <button type="button" class="btn ">巴菲特午餐</button>
                            <button type="button" class="btn ">孙宇晨</button>
                            <div class="row ">
                                <div class="col-md-9">
                                    <span>新京报</span>
                                    <span><time>52分钟前</time></span>
                                </div>
                                <div class="col-md-3  pl-0 pr-0">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con pb-3 mt-3">
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_37.gif" alt="">
                        </div>
                        <div class="col-md-8 m1">
                            <p class="mb-1">苹果设备将可用虚拟邮箱登录App 用户无需提供任何个人信息</p>
                            <button type="button" class="btn ">苹果</button>
                            <button type="button" class="btn ">ios</button>
                            <div class="row ">
                                <div class="col-md-9">
                                    <span>南方都市报</span>
                                    <span><time>34分钟前</time></span>
                                </div>
                                <div class="col-md-3  pl-0 pr-0">
                                    <span><i class="fas fa-share-square"></i> 分享 </span>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="row con con2 pb-3">
                        <div class="col-md-12">
                            <p class="mb-2 mt-2">华为用P30 Pro拍了部电影：生存、成长、打怪、鸿蒙......</p>
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_38.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_39.gif" alt="">
                        </div>
                        <div class="col-md-4 pr-0">
                            <img src="images/main_zhong_340.gif" alt="">
                        </div>
                        <div class="row w-100 cj mt-2">
                            <div class="col-md-9">
                                <span>雷科技</span>
                                <span><time>3小时前</time></span>
                                <button type="button" class="btn ">华为</button>
                                <button type="button" class="btn ">孙悟空</button>
                                <button type="button" class="btn ">蔡成杰</button>
                            </div>
                            <div class="col-md-3  pr-0">
                                <span><i class="fas fa-share-square"></i> 分享</span>
                                <span><i class="far fa-comment-dots"></i> 2</span>
                            </div>
                        </div>
                    </div>


                </div>
                <!--主体中间内容结构 结束-->

                <!--主体右侧内容结构 开始-->
                <div class="col-md-3 you pr-0">
                    <img src="images/main4.gif" alt="">
                    <div class="row pt-5">
                        <div class="col-md-12 pr-0">
                            <h5>精品原创</h5>
                        </div>
                    </div>
                    <div class="row pt-2 sidebar">
                        <div class="col-md-6 pr-0">
                            <img src="images/main_you_1.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0">
                            <p>总裁赵明：荣耀走到无人区，中国市场目标“华为第一荣耀第二”</p>
                        </div>

                        <div class="col-md-6 pr-0">
                            <img src="images/main_you_2.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0">
                            <p>阿里云发力东南亚市场，避谈同AWS的竞争</p>
                        </div>

                        <div class="col-md-6 pr-0 top">
                            <img src="images/main_you_3.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0 top">
                            <p>股价大跌，五高管闪电辞职，百度到底怎么了</p>
                        </div>

                        <div class="col-md-6 pr-0 top">
                            <img src="images/main_you_4.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0 top">
                            <p>京东第三次投资东莞，这一次，京东砸出了10.6亿元！</p>
                        </div>

                        <div class="col-md-6 pr-0 top">
                            <img src="images/main_you_5.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0 top">
                            <p>全面复盘英特尔：了解对手，才能更好的战胜对手</p>
                        </div>

                        <div class="col-md-12 pl-0 pr-0 pt-3">
                            <button type="button" class="btn btn-light">查看更多</button>
                        </div>
                    </div>



                    <div class="row pt-5">
                        <div class="col-md-12 pr-0">
                            <h5>热门视频</h5>
                        </div>
                    </div>
                    <div class="row pt-2 sidebar">
                        <div class="col-md-6 pr-0">
                            <img src="images/main_you_6.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0">
                            <p>还以为iPhone安全？多款iOS应用被曝偷偷发送用户数据！</p>
                        </div>

                        <div class="col-md-6 pr-0">
                            <img src="images/main_you_7.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0">
                            <p>小米已入住华为：鸿蒙系统进入测试！网友们沸腾了！</p>
                        </div>

                        <div class="col-md-6 pr-0 top">
                            <img src="images/main_you_8.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0 top">
                            <p>谷歌又后悔了？华为手机重回安卓系统升级名单，华为：不要了！</p>
                        </div>

                        <div class="col-md-6 pr-0 top">
                            <img src="images/main_you_9.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0 top">
                            <p>“蓝精灵”涂装比利时布鲁塞尔航空公司空客A320首航</p>
                        </div>

                        <div class="col-md-6 pr-0 top">
                            <img src="images/main_you_10.gif" alt="">
                        </div>
                        <div class="col-md-6 pr-0 top">
                            <p>云南的高速公路桥，修建5年斥资19亿成亚洲第一，堪称超级工程</p>
                        </div>

                        <div class="col-md-12 pl-0 pr-0 pt-3">
                            <button type="button" class="btn btn-light">查看更多</button>
                        </div>
                    </div>




                    <div class="row pt-5">
                        <div class="col-md-12 pr-0">
                            <h5>热门视频</h5>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 pl-0 pr-0">
                            <img src="images/main_you_11.gif" alt="">
                        </div>
                        <div class="col-md-12">
                            <p>产品猎人丨YY上线“音福K歌”：用师徒模式入局K歌赛道</p>
                        </div>
                        <div class="col-md-12 pl-0 pr-0">
                            <img src="images/main_you_12.gif" alt="">
                        </div>
                        <div class="col-md-12">
                            <p class="mb-0">硅谷封面丨硅谷骗局：从血液检测到榨汁机，都有骗子的身影</p>
                        </div>
                        <div class="col-md-12 pl-0 pr-0 pt-3">
                            <button type="button" class="btn btn-light">查看更多</button>
                        </div>
                    </div>
                </div>
                <!--主体右侧内容结构 结束-->
            </div>
        </div>
    </main>
    <!--主体内容结构 结束-->



    <!--footer内容结构 开始-->
        <footer>
            <div class="container">
                <a href="">关于腾讯</a>
                <a href="">Ａｂｏｕｔ Ｔｅｎｃｅｎｔ</a>
                <a href="">服务协议</a>
                <a href="">隐私政策</a>
                <a href="">开放平台</a>
                <a href="">广告服务</a>
                <a href="">腾讯招聘</a>
                <a href="">腾讯公益</a>
                <a href="">客服中心</a>
                <a href="">举报中心</a>
                <a href="">网站导航</a>
                <p class="mb-2 pt-2">Copyright&copy1998-2019 Tencent.All Rights Reserved</p>
                <p class="mb-5">腾讯公司 版权所有</p>
            </div>
        </footer>

    <!--footer内容结构 结束-->









<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>